<template>
    <div>
      <p>1. 测试自定义指令</p>
<!--      测试获取焦点（全局）： <input type="text" v-focusGlobal> <br>-->
      测试获取焦点（局部）： <input type="text" v-focusLocality> <br>

      <p>2. 定义过滤器</p>
      测试过滤器 首字母大写（全局）： {{"hello world"}}  ||  {{"hello world" | firstLetterUpperGlobal}} <br>
      测试过滤器 加人民币符号（局部）： {{"33.00"}}  ||  {{"33.00" | rmb}} <br>
      过滤器可以嵌套： {{"hello"}} || {{"hello" | firstLetterUpperGlobal | rmb}}


    </div>
</template>

<script>
    export default {
      name: "HelloWorld03",
      directives: {
        focusLocality: {
          // 指令的定义
          inserted: function (el) {
            el.focus()
          }
        }
      },
      //定义局部过滤器
      filters: {
        rmb: function (value) {
          if (!value) return '';
          value = value.toString();
          return '¥ ' + value;
        }
      }
    }
</script>

<style scoped>
  p {
    color: red;
  }
</style>
